<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" th:href="@{/assets/css/colorbox.css}" />
<head th:include="fragments/head::header" />
<style>
	.error {
		color: #F00
	}
</style>
<body>
<div th:include="fragments/top::top"></div>
<div class="main-container" id="main-container">
	<div class="main-container-inner">
		<div th:include="fragments/left::left" class="sidebar" id="sidebar"></div>
		<div class="main-content">
			<div class="page-content">
				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						<div class="row">
							<div class="col-xs-12">
								<h3 class="header smaller lighter blue">我提交的-未审批的停办申请列表</h3>
								<div class="table-header" style="background-color:red;">
									<form class="form-inline">
										<input type="hidden" id="operatorNo" th:value="${session.user.oaid}"/>
										<!--<div class="form-group">
											<label for="roleName"></label>
											<input type="text" id="roleName" class="form-control input-sm" placeholder="" style="width:100px;"/>
										</div>
										<button type="button" id="query" class="btn btn-success ">查询</button>
										<button type="reset" class="btn btn-warning">清空</button>-->
									</form>
								</div>

								<div class="table-responsive">
									<div id="alert" class="alert alert-success" style="display: none;" role="alert">
										<button type="button" class="close" data-dismiss="alert" aria-label="Close">
											<span aria-hidden="true">&times;</span>
										</button>
										<span id="alertText"></span>
									</div>
									<table id="sample-table-2" class="table table-striped table-bordered table-hover">
										<thead>
										<tr>
											<th>学生学号</th>
											<th>学生姓名</th>
											<th>停办原因</th>
											<th>申请停办日期</th>
											<th>申请人</th>
											<th>学生确认结果</th>
											<th>下次联系日期</th>
											<th>解除停办日期</th>
										</tr>
										</thead>
									</table>
								</div>
							</div>
						</div>
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.page-content -->
		</div>

		<div th:include="fragments/bottom::bottom"></div>
	</div>

	<a href="#" id="btn-scroll-up"
	   class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="icon-double-angle-up icon-only bigger-110"></i>
	</a>
</div>
<!-- /.main-container -->


<div th:include="fragments/js::js"></div>

<script th:src="@{/assets/js/jquery.validate.min.js}"></script>
<script th:src="@{/assets/js/jquery.validate.zh-CN.js}"></script>
<!-- page specific plugin scripts -->
<script th:src="@{/assets/js/jquery.dataTables.min.js}"></script>
<script th:src="@{/assets/js/jquery.dataTables.bootstrap.js}"></script>
<script th:src="@{/assets/js/date-time/moment.min.js}"></script>
<script th:src="@{/assets/js/temp.js}" charset="UTF-8"></script>
<!--图片查看器-->
<script th:src="@{/assets/js/jquery.colorbox-min.js}"></script>
<script th:src="@{/layer/layer.js}"></script>
<script th:src="@{/business/workTable/visa.js}" charset="UTF-8"></script>
<script type="text/javascript">
    var oTable1;
    jQuery(function($) {
        oTable1 = $('#sample-table-2').dataTable({
            "bFilter" : false,//是否使用搜索
            "bProcessing" : true,
            "bDeferRender" : true,//
            "sPaginationType" : "bs_normal",//分页样式
            "bRetrieve" : true,//是否调用后台
            "bServerSide" : true,//是否以后台分页
            "sAjaxSource" : "/studentDelay/query",//请求路径
            "fnServerData" : function(sSource, aoData, fnCallback) {
                aoData.push(
                    {"name":"operatorNo","value":$("#operatorNo").val()},
					{"name":"auditStatus","value":1}
                )
                $.ajax({
                    "dataType" : 'json',
                    "type" : "GET",
                    "url" : sSource,
                    "data" : aoData,
                    "success" : fnCallback
                });
            },
            "aaSorting" : [ [ 0, "desc" ] ],
			"bSort":true,
            "aoColumns" : [
//                {"sClass": "center", "bVisible": false, "mData": "id"},//此列不显示
                {"sClass": "center", "bSortable": false, "mData": "studentNo"},
                {"sClass": "center", "bSortable": false, "mData": "studentName"},
                {"sClass": "center", "bSortable": false, "mData":
                    function (data) {
                        if (data.reason == "1") return "申请其他国家";
                        if (data.reason == "2") return "国内再教育";
                        if (data.reason == "3") return "参加工作";
                        if (data.reason == "4") return "成绩未达标";
                        if (data.reason == "5") return "其他";
                        else return data.reason;
                    }
                },
                {"sClass": "center", "bSortable": false, "mData": "createTimeString"},
                {"sClass": "center", "bSortable": false,"mData": "operatorName"},
                {"sClass": "center", "bSortable": false, "mData": function (data) {
					if(data.attachment !=""){
                        var attachmentShow = '<a href="javascript:void(0);" onclick="toAttachment(\'' + data.attachment + '\')" >点击查看</a>';
                    	return attachmentShow;
					}else{
                        return "";
					}
//
                }
                },
                {"sClass": "center", "bSortable": false, "mData": "contactDate",
                    "mRender" : function(data, type, full, meta) {
                        if (data == null || data == "") {
                            return "";
                        }
                        else{
                            return moment(data).format("YYYY-MM-DD");
						}
                    }},
                {"sClass": "center", "bSortable": false, "mData": "cancelTimeString"}
            ],
            "oLanguage" : {
                "sLengthMenu" : "每页 _MENU_条 ",
                "sZeroRecords" : "对不起，查询不到任何相关数据",
                "sInfo" : "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录 ",
                "sInfoEmpty" : "显示 0 到 0 条，共 0 条记录",
                "sInfoFiltered" : "数据表中共为 _MAX_ 条记录)",
                "sProcessing" : "正在加载中...",
                "sSearch" : "搜索",
                "sUrl" : "", //多语言配置文件，可将oLanguage的设置放在一个txt文件中，例：Javascript/datatable/dtCH.txt
                "oPaginate" : {
                    "sFirst" : "第一页",
                    "sPrevious" : " 上一页 ",
                    "sNext" : " 下一页 ",
                    "sLast" : " 最后一页 "
                }
            }
            //多语言配置

        });


        $("#query").click(function() {
            oTable1.fnDraw();
        })

    })
    function toAttachment(attachment){
        window.open(attachment);
    }

</script>
</body>
</html>
